<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<!--<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>-->
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/sm.min.css">
		<link rel="stylesheet" href="../../css/sm-extend.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/addsub.css">
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../../icon/iconfont.css">
		<script type='text/javascript' src='../../script/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='../../script/sm-extend.min.js' charset='utf-8'></script>
		<style>
			body {
				font-family: '微软雅黑';
			}
			a {
				color: #000;
			}
			a:active, a:link, a:visited, a:hover {
				color: #000;
				text-decoration: none;
			}
			.bar {
				background: #fff;
				font-size: 8px;
				text-align: center;
				position: relative;
			}
		
			input, button, select, textarea {
				outline: none
			}
			.icon {
				width: 12px;
				height: 22px;
				position: absolute;
				/*background: url('../../image/toright.png') no-repeat left center;*/
			}
			.zzc {
				width: 100%;
				height: 100%;
				position: fixed;
				left: 0;
				top: 0;
				background: rgba(0,0,0,0.7);
				display: none;
				z-index: 999;				
			}			
			.zzc .center{				
				/*margin:40% auto;*/
				/*width:100%;
				display:table-cell;
				vertical-align:center;*/
				 position: absolute;			
				 top:50%;					
				 width:100%;			
				 transform:translateY(-50%);
                 -ms-transform:translateY(-50%); 	/* IE 9 */
                 -moz-transform:translateY(-50%); 	/* Firefox */
                 -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
                 -o-transform:translateY(-50%);	
                 overflow:scroll;
                 max-height:100%;						 
			}
			
			.zzc .center img{
			  position: relative;
			  top:0;
			}
			.infinite-scroll-preloader {
        margin-top:-20px;
      }
		</style>
	</head>
	<body>
		<div class="page-group">
			<!-- 你的html代码 -->
			<div class="page">
				<header class="bar bar-nav" id="header">
					<a class="icon iconfont icon-xiangzuo1 pull-left" id="back" style="color:#CCCCCC;font-size:28px;"></a>
					<h1 class="title" style="font-family: '微软雅黑';">新闻详情</h1>
				</header>
				<div class="content">
				    <div class="main-box">
					<div class="item-ul">
						<div style="padding:6px 8px; background-color:#fff; font-family:微软雅黑;">
							<div style="width:100%;">
							    
								<div style="-webkit-box; display: -moz-box; display: -o-box; display: box;-webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1;">
									<!--<h1 style="background:url('../../image/shuangyin.png') no-repeat left top; padding-left:40px; font-size:24px; font-weight:500;" id="title"></h1>-->								    	
								    <i class="icon iconfont icon-yinhao1"></i>
								    <h1 style="padding-left:40px; font-size:24px; font-weight:500;" id="title"></h1>
								</div>
								<div style="display: -webkit-box; display: -moz-box; display: -o-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1;">
									<div style="padding-left:20px; font-size:12px; margin-top:6px; color:#585858;">
									    <i class="iconfont icon-shizhong"></i>										
										<span id="issuetime"></span>
									</div>
									<div style="display: -webkit-box; display: -moz-box; display: -o-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-box-pack: end; -moz-box-pack: end; -o-box-pack: end; box-pack: end;">
										<!--<a href="javascript:;" style="font-size:12px; display:inline-block; padding:  0 22px; height:20px; line-height:20px; background-color:#f0a921; text-align:center;  text-decoration: none; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; color:#fff;margin-top:10px;" id="typename"></a>-->
									</div>
								</div>
								<div style="margin-top:15px; text-align:justify; font-size: 17px; padding: 0 4px; " id="content"></div>
							</div>
						</div>
					</div>
					<div class="thumbUp" >
						<!--<div class="imgUp ChangeGood"  style="width:60px; height: 60px; background: url('../../image/upedd.png') no-repeat center;"></div>-->
						<div class="imgUp ChangeGood"  style="width:60px; height: 60px;">
						    <i class="iconfont icon-zantong" style="font-size: 50px;color: #CFCFCF"></i>
						</div>
						<span class="thumbNum" id="supportNum">0</span>
					</div>
					<div class="comment">
						<div class="titleComment">
							<div style="margin-left: 10px;">
								评论<span id="count_feed" style="margin-left: 8px;">(0)</span>
							</div>
						</div>
						<div class="infinite-scroll infinite-scroll-bottom" data-distance="100">
							<div class="list-block">
								<div class="list-container">
								<ul id='ul'></ul>
								</div>
								
							</div>
							 <!--加载提示符--> 
							<div class="infinite-scroll-preloader">
								<div class="preloader"></div>
							</div>
						</div>
					</div>
					<div class="noneCot"  >
						没有更多了
					</div>
					<div style="margin-bottom: 80px;"></div>
			      </div>
					<div class="search">
						<div class="searchIn">
							<input type="textarea" contenteditable="true" id="inputfeed" placeholder="说点儿什么呢？" maxlength="100" style="border:1px solid #9b9b9b; margin-right: 4px; text-indent:10px;"/>
							<input type="button" value="发送" class="searchRight" onclick="sendFeed()" >
						</div>
					</div>
					
				</div>
				<div class="zzc">
				    <div class="center"><img src="" class="dt" style="width: 100%; height: auto;"/>
				    </div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/common.js"></script>
	<script type="text/javascript" src="../../script/infoutil.js"></script>
	<script type="text/javascript" src="../../script/prefsutil.js"></script>
	<script type="text/javascript" src="newsinfo.js"></script>
</html>